﻿@using Wkol.Models
@{
    ViewBag.Title = "Calculate_freight";
}

<h2>运单创建</h2>


<div class="row" style="height:600px">
    <div class="col-lg-4" style="height:100px">
        <div>
            <div class="col-lg-3">
                发货单号：
            </div>
            <div class="col-lg-6">
                <select id="js_fhdh" style="width:150px">
                    <option value="0">===请选择发货单号===</option>
                </select>
            </div>
            <div class="col-lg-3"><button id="xunaz">选择</button></div>
        </div>
        <div style="height:300px">
            <table style="text-align:center;width:100%">
                <thead style="text-align:center;width:100%">
                    <tr>
                        <th>序号</th>
                        <th>发货单号</th>
                        <th>公里数</th>
                        <th>始发重量(t)</th>
                        <th>实发体积(m³)</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="pingche_td">
                </tbody>
            </table>
        </div>
        <div style="text-align:center"><button id="found">创建运单</button>&emsp;<button id="tjiao">提交审核</button></div>
        <br />
        <div>
            <div class="col-lg-3">
                承运单位
            </div>
            <div class="col-lg-6">
                <select id="js_cydw" style="width:150px">
                    <option value="0">===请选择承运单位===</option>
                    @foreach (var item in ViewBag.cydw as List<CYDW>)
                    {
                        <option value="@item.cy_id">@item.cy_name</option>
                    }
                </select>
            </div>
        </div>
        <div>
            <table style="text-align:center;width:100%">
                <thead style="text-align:center;width:100%">
                    <tr>
                        <th>序号</th>
                        <th>车牌号</th>
                        <th>所属单位</th>
                        <th>承重(T)</th>
                        <th>容积(M³)</th>
                    </tr>
                </thead>
                <tbody id="js_clxx">
                </tbody>
            </table>
        </div>
    </div>

    <div class="col-lg-8" style="height:100%;padding-right:20px">
        <div style="width: 100%; border: 1px solid black; height: 50%; overflow: scroll">
            <table style="text-align:center;width:100%">
                <thead style="background-color:gray;font-size:10px;height:30px">
                    <tr>
                        <td>序号</td>
                        <td>发货单号</td>
                        <td>客户</td>
                        <td>客户地址</td>
                        <td>货运公里数</td>
                        <td>物料信息</td>
                    </tr>
                </thead>
                <tbody id="E_tb_e1" style="text-align:center">
                </tbody>
            </table>
        </div>
        <div style="width:100%;border:1px solid black;height:50%;text-align:center">
            <div style="height:80%">
                <table style="width:100%">
                    <thead style="background-color:gray;font-size:10px;height:30px;text-align:center">
                        <tr>
                            <th>序号</th>
                            <th>发货单号</th>
                            <th>客户</th>
                            <th>收货地址</th>
                            <th>主要货物</th>
                            <th>创建日期</th>
                            <th>送货单号</th>
                            <th>承运单位</th>
                            <th>车次</th>
                            <th>公里数</th>
                            <th>运费</th>
                            <th>车牌</th>
                        </tr>
                    </thead>
                    <tbody id="yundan_xx">

                    </tbody>
                </table>
            </div>
            
        </div>
    </div>
</div>
<div style="display:none">
    <div id="tem1"></div>
    <div id="tem2"></div>
    <div id="tem3"></div>
    <div id="tem4"></div>
    <div id="tem5">1</div>
</div>
@section scripts
{
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/Freight/Calculate_freight.js?id=e22为w2w"></script>
}
